/**
 * 供采分销区,<br/>
 * fsl-fzh-201510,<br/>
 * fsl-gongl-20151027-修正
 */
$(function () {

	var defaultPagingObj = {
		total : 0,
		pageSize : 7,
		page : 1
	};

	// 渲染页面 通用部分-头部，底部;
	commTemplUtil.initPage();

	// 渲染页面 配置数据--二级分类, 排序, 省市;
	renderConfigData();
	bindEvent();
	getGoodsListData(1);

	// 设置头部导航栏
	commTemplUtil.setHeadCommNav(3);
});

/**
 * 渲染页面 配置数据--二级分类, 排序, 省市;<br/>
 * 执行一次 <br/>
 * @author  fsl-gongl-20151027
 */
function renderConfigData() {

	// 页面大广告,main-ad-img
	$("#main-ad-img").attr("src", PAGE_DATA.main_ad_img || "");

	// 主要分类：咖啡豆及咖啡相关,等.
	commTemplUtil.initCommCategMenu("main-tab", PAGE_DATA.main_catog_data || []);

	// 下拉列表模板
	// 上架时间
	var timeTempl = "<option value=''>上架时间</option><%_.each(obj, function(item){ %><option value='<%=item.code%>'><%=item.text%></option><% }); %>";
	// 地区
	var addrTempl = "<option value=''>地区</option><%_.each(obj, function(item){ %><option value='<%=item.code%>'><%=item.text%></option><% }); %>";

	var timeTemplObj = _.template(timeTempl);
	var addrTemplObj = _.template(addrTempl);

	// 上架时间,
	var timeData = $.extend([], PAGE_DATA.time_data);
	var timeHtml = timeTemplObj(timeData);
	$("#sel_time").html(timeHtml);

	// 地区-省,
	$.ajax({
		url : PAGE_CONFIG.requestUrl.addrProvince,
		type : 'get',
		dataType : 'json',
		success : function (result) {
			var addrData = $.extend([], result.data);
			var addrHtml = addrTemplObj(addrData);
			$("#sel_addr").html(addrHtml);
		},
		error : function (xhr, status, error) {
			var addrHtml = addrTemplObj([]);
			$("#sel_addr").html(addrHtml);

			commTemplUtil.showErrorDialog({
				title : "提示！",
				message : "地址信息(省份)获取失败！",
				ok_txt : "确定"
			});
		}
	});

};

/**
 * 获取 商品列表<br/>
 * @author  fsl-gongl-20151027
 */
function getGoodsListData(page) {

	var onClickObj = {
		onClick : function () {
			var clickPage = $(this).attr("data-page");
			getGoodsListData(parseInt(clickPage));
		}
	};

	var listTempl = _.template($("#info-list-templ").html());
	var boxTempl = _.template($("#info-box-templ").html());

	var listArea = $("#goods-list");
	var boxArea = $("#goods-box");

	// 数据为 0 时;
	var listHtmlEmpty = listTempl([]);
	var boxHtmlEmpty = boxTempl([]);

	var timeVal = $("#sel_time").val() || "";
	var addrVal = $("#sel_addr").val() || "";
	var goodName = $("#search-good").val() || "";
	var goodTyp = $("#good-type").attr("value") || "";

	$.ajax({
		url : PAGE_CONFIG.requestUrl.distributed,
		type : "get",
		dataType : "json",
		data : {
			page : page,
			pageSize : PAGE_DATA.pagingObj.pageSize,
			time : timeVal,
			addr : addrVal,
			name : goodName,
			goodType : goodTyp
		},
		success : function (result) {
console.log(result);
			var listData = $.extend([], result.data);
			var pageConf = $.extend(result.pagingConfData, onClickObj);

			if (listData.length == 0) {

				listArea.html([]);
				boxArea.html([]);
			}

			var listHtml = listTempl(listData);
			var boxHtml = boxTempl(listData);

			listArea.html(listHtml);
			boxArea.html(boxHtml);

			commTemplUtil.initPaging("#comm-paging", pageConf);
		},
		error : function (xhr, status, error) {
			listArea.html([]);
			boxArea.html([]);
		}
	});

};

/**
 * 二级分类, 搜索, 绑定一次;
 */
function bindEvent() {

	$.commNavTabs2($("#main-tab").find(".tab-head").find(".text"),
		$("#main-tab").find(".tab-main").find("ul"),
		"active");

	// 商品分类 搜索用 id;
	var goodType = $("#good-type");

	// 一级分类
	$("#tab-head-box").find(".text").on("click", function () {

		var searchVal = $(this).attr("value");
		console.log(" >> 一级分类 " + searchVal);
		goodType.val($(this).attr("value"));
		getGoodsListData(1);

	});

	goodType.val($("#tab-head-box").find(".text").eq(0).attr("value"));

	// 二级分类
	$("#tab-detail-box").find("ul").each(function () {

		var thatUl = $(this);
		var siblingUlLink = $(this).siblings().find("a");

		thatUl.find("li").on("click", function () {

			$(this).find("a").addClass("current").end().siblings().find("a").removeClass("current");
			siblingUlLink.removeClass("current");
			goodType.val($(this).attr("value"));

			getGoodsListData(1);

		});
	});

	// 列表,大图切换;
	$("#display-format").children().on("click", function () {

		if ($(this).attr("format") == "1") {
			// 列表
			$("#info-list").show();
			$("#goods-box").hide();
		} else {
			// 大图
			$("#info-list").hide();
			$("#goods-box").show();
		}
	});

	// 搜索
	$("#search-btn").on("click", function () {
		getGoodsListData(1);
	});
};